body {
    margin:0px;
    padding:0px;
    background-color:rgb(98,115,135);
    height:100%;
	-ms-touch-action:none;
	font-family: "Microsoft YaHei","Arial Negreta","Arial";
}
a {
    text-decoration:none;
    font-family: "Microsoft YaHei","Arial Negreta","Arial";
}
.mainBody {
    height:100%;
    width:100%;
    position:absolute;
    /*overflow:hidden;*/
    min-height:680px;
    min-width:1000px;
	-ms-touch-action:none;
}
.mainBody .topBar {
    background-color:rgb(64,74,87);
    height:60px;
    width:100%;
    float:left;
}
.topBar .leftLabel {
    font-family: "Microsoft YaHei","微软雅黑 Regular","微软雅黑";
    font-size:22px;
    color:white;
    line-height:60px;
    margin-left:80px;
}
.topBar .rightLabel {
    font-family: "Microsoft YaHei","微软雅黑 Regular","微软雅黑";
    float:right;
    font-size:18px;
    color:white;
    line-height:60px;
    margin-right:80px;
}
.topBar .rightLabel span {
    color:#ffcc00;
}
.mainBody .centerHolder {
    width:100%;
    height:90%;
}
.centerHolder td {
    height:100%;
	-ms-touch-action:none;   
}
.mainBody .content {
    height:610px;
    width:860px;
    overflow:hidden;
    margin: auto;
    padding-right:290px;
	-ms-touch-action:none;
}
.content .leftBox {
    height:608px;
    width:861px;
    float:left;
    /*background-color:black;*/
    overflow:hidden;
}
.leftBox .boardView {
    width:784px;
    padding-left:76px;
    border:1px solid rgb(87,102,119);
    border-radius:5px 0px 0px 5px;
    overflow:hidden;
	-ms-touch-action:none;
}
.leftBox .videoView,.leftBox .videoView div {
    height:100%;
    width:100%;
	-ms-touch-action:none;
}
.leftBox .videoView div {
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
}
.content .rightBox {
    height:658px;
    /*overflow:hidden;
    height:100%;*/
    width:280px;
    float:left;
    /*margin-right:-290px;*/
	margin-left:870px;
	position:absolute;
	top:64px;
}
.leftBox .toolsBar {
    background-color:rgb(228,228,228);
    border-right:1px solid rgb(174,174,174);
    width:75px;
    height:618px;
    float:left;
    margin-left:-76px;
    text-align:center;
	position:absolute;
	top:64px;
}
.toolsBar .itemSuit {
    border-bottom:1px dashed rgb(174,174,174);
}
.toolsBar .itemSuit-first {
    margin-top:5px;
}
.toolsBar .itemSuit:first-child {
    margin-top:5px;
}
.toolsBar .itemSuit:last-child {
    border-width:0px;
}
.toolsBar .itemSuit-last {
    border-width:0px;
}
.toolsBar .toolLabel {
    margin-top:4px;
    line-height:32px;
    overflow:hidden;
    color: #0066cc;
    font-family: "Microsoft YaHei","Arial Negreta","Arial";
    font-size: 14px;
    font-weight: 700;
    padding-top:2px;
}
.toolsBar .toolItem {
    border-radius:5px;
    line-height:35px;
    width:58px;
    padding:4px 0px 4px 0px;
    margin:auto;
    text-align:center;
    border:1px solid rgb(228,228,228);
    cursor:pointer;
}
.toolsBar .toolItem:last-child {
    margin-bottom:5px;
}
.toolsBar .toolItem-last {
    margin-bottom:5px;
}
.toolsBar .selectItem,.toolsBar .toolItem:hover {
    background-color:rgb(188,188,188);
    border:1px solid white;
}
.toolsBar .colorList a {
   display:block;
   height:26px;
   width:40px;
   border:1px solid rgb(180,158,176);
   margin:auto;
}
.toolsBar .colorList .selectItem a {
   border:1px solid black;
}
.toolsBar .lineList a {
   display:block;
   width:40px;
   background-color:rgb(107,107,107);
   margin:6px auto 6px auto;
}
.toolsBar .lineList .selectItem a {
    background-color:black;
}
.toolsBar .toolList a {
   display:block;
   height:28px;
   width:30px;
   background-repeat:no-repeat;
   background-size:100% 100%;
   background-position:center;
   margin:auto;
}
.leftBox .boardBox {
    background-color:black;
}
.leftBox .boardBox,.boardBox div {
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
    height:550px;
    width:784px;
    overflow:hidden;
	-ms-touch-action:none;
}
.boardBox .wis_context_small {
    margin-top:0px !important;
    margin-left:795px !important;
    width:278px;
    height:180px;
	-ms-touch-action:none;
}
.leftBox .boardBottom {
    background-color:rgb(128,128,128);
    height:58px;
    width:100%;
    text-align:center;
}
.boardBottom select {
    border:1px solid rgb(228,228,228);
    width:50px;
    height:23px;
    border-radius:5px;
}
.boardBottom a {
    color:white;
    font-weight:600;
    display:inline-block;
    padding:0px 10px 0px 10px;
    height:25px;
    margin-top:18px;
    line-height:25px;
    border-radius:5px;
}
.boardBottom a:hover {
    color:rgb(50,50,50);
    background-color:white;
}
.rightBox .videoBox {
    background-color:gray;
    height:234px;
    border:1px solid rgb(87,102,119);
    border-radius:0px 0px 5px 5px;
    /*overflow:hidden;*/
}
.rightBox .displayBox {
    background-color:black;
}
.rightBox .displayBox,.rightBox .displayBox div {
    height:180px;
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center;
}
#html5Media1{
   margin-top:-180px;
   float:left;
}
.displayBox .playerView_big {
    margin-left:-871px;
    width:861px;
    height:608px;
}
.rightBox .displayCtrlBar {
    height:35px;
    background-color:rgb(228,228,228);
    padding:9px 10px 10px 10px;
}
.displayCtrlBar .switchBtn {
    display:inline-block;
    height:35px;
    width:35px;
    background:url(../images/switchView.png);
    cursor:pointer;
    float:left;
}

.displayCtrlBar .offHandBtn {
    background-color:rgb(192,192,192);
    display:inline-block;
    height:35px;
    line-height:35px;
    border-radius:5px;
    color:white;
    font-family: "Microsoft YaHei","微软雅黑 Regular","微软雅黑";
    font-size: 15px;
    text-align: center;
    float:left;
    padding:0px 10px 0px 10px;
    margin:0px 10px 0px 15px;
    cursor:pointer;
}

.displayCtrlBar .offMicBtn {
    background-color:rgb(63,125,224);
    display:inline-block;
    height:35px;
    line-height:35px;
    border-radius:5px;
    color:white;
    font-family: "Microsoft YaHei","微软雅黑 Regular","微软雅黑";
    font-size: 15px;
    text-align: center;
    float:left;
    padding:0px 5px 0px 5px;
    margin:0px 5px 0px 5px;
    cursor:pointer;
}

.rightBox .tabsBox {
    margin-top:10px;
    height:402px;
    border:1px solid rgb(87,102,119);
    border-radius:8px 8px 0px 0px;
    overflow:hidden;
}
.rightBox .tabsHeader {
    height:29px;
    border:1px solid rgb(87,102,119);
    border-bottom:1px solid rgb(188,188,188);
    background-color:rgb(228,228,228);
}
.rightBox .tabsHeader a {
    display:inline-block;
    background-color:rgb(201,201,201);
    border:1px solid rgb(161,161,161);
    border-bottom-width:0px;
    padding:4px 15px 0px 15px;
    height:21px;
    line-height:15px;
    margin:4px 0px 0px 4px;
    float:left;
    border-radius:5px 5px 0px 0px;
    font-family: "Microsoft YaHei","Arial Negreta","Arial";
    font-size: 14px;
    font-weight: 700;
    color: #333333;
    cursor:pointer;
}
.rightBox .tabsHeader a:hover {
    background-color:rgb(245,245,245);    
}
.rightBox .tabsHeader .selectTab {
    background-color:white;
}
.rightBox .tabBody {
    border:1px solid rgb(188,188,188);
    border-top-width:0px;
    background-color:white;
    height:370px;
}
.rightBox .chatWindow {
    text-wrap:normal;
    word-break:break-all;
    font-size:13px;
    font-family:"Microsoft YaHei","微软雅黑 Regular","微软雅黑";
    text-align: left;
}
.chatWindow .messageBox {
    line-height:20px;
    padding:10px 10px 0px 15px;
    height:230px;
    overflow:hidden;
    overflow-y:auto;
}
.chatWindow .messageBox span {
    color:#0066cc;
}
.chatWindow .messageBox .sysSpan {
    color:#ff8d00;
}
.chatWindow .messageBox div {
    margin:8px 0px;
}
.chatWindow .messageBox div img {
    height:22px;
    width:22px;
}
.chatWindow .chatToolsBar {
    background-color:rgb(228,228,228);
    height:30px;
    border:1px solid rgb(188,188,188);
    border-width:1px 0px 1px 0px;
    overflow:hidden;
}
.chatToolsBar .chatToolItem {
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center;
    height:24px;
    width:28px;
    display:inline-block;
    float:left;
    margin:4px 2px 0px 4px;
    cursor:pointer;
}
.msgSendBar textarea {
    height:43px;
    width:200px;
    border:none;
    resize:none;
    float:left;
    outline:none;
}
.msgSendBar a {
    background-color:rgb(63,125,224);
    border-radius:5px;
    display:inline-block;
    height:28px;
    width:55px;
    text-align:center;
    line-height:28px;
    color:white;
    font-family:"Microsoft YaHei","微软雅黑 Regular","微软雅黑";
    font-size:13px;
    cursor:pointer;
    margin:10px 8px 0px 8px;
    float:left;
}
.tabBody .docList {
    padding:10px 10px 0px 10px;
    height:180px;
    overflow:hidden;
    overflow-y:auto;
    border-bottom:1px solid rgb(188,188,188);
}
.tabBody .docList div {
    cursor:pointer;
    height:30px;
    line-height:30px;
}
.tabBody .docList div:hover {
    background-color:rgb(228,228,228);
}

.tabBody .docList div span {
    color: #333333;
    font-size: 14px;
    font-style: normal;
    overflow:hidden;
    text-overflow:ellipsis;
    height:30px;
    width:210px;
    display:inline-block;
    white-space:nowrap;
    padding-left:10px;
}
.tabBody .docList div a {
    float:right;
    color: #0099cc;
    font-family: "Microsoft YaHei","微软雅黑 Regular","微软雅黑";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration:underline;
    margin-right:10px;
}
.tabBody .docList div a:hover {
    color: rgb(253,153,43);
}
.tabBody .docList .selectDoc {
    background-color:rgb(242,242,242);
}
.tabBody .docList .selectDoc span {
    font-weight:700;
}

.tabBody .mp3List {
    padding:10px 10px 0px 10px;
    height:104px;
    overflow:hidden;
    overflow-y:auto;
    border-bottom:1px solid rgb(188,188,188);
}
.tabBody .mp3List div {
    cursor:pointer;
    height:30px;
    line-height:30px;
}
.tabBody .mp3List div:hover {
    background-color:rgb(228,228,228);
}

.tabBody .mp3List div span {
    color: #333333;
    font-size: 14px;
    font-style: normal;
    overflow:hidden;
    text-overflow:ellipsis;
    height:30px;
    width:210px;
    display:inline-block;
    white-space:nowrap;
    padding-left:10px;
}
.tabBody .mp3List div a {
    float:right;
    color: #0099cc;
    font-family: "Microsoft YaHei","微软雅黑 Regular","微软雅黑";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration:underline;
    margin-right:10px;
}
.tabBody .mp3List div a:hover {
    color: rgb(253,153,43);
}
.tabBody .mp3List .selectMp3 {
    background-color:rgb(242,242,242);
}
.tabBody .mp3List .selectMp3 span {
    font-weight:700;
}
.docWindow .docUploader a {
    background-color:rgb(63,125,224);
    display:block;
    height:39px;
    line-height:39px;
    width:205px;
    border-radius:5px;
    color:white;
    font-family: "Microsoft YaHei","微软雅黑 Regular","微软雅黑";
    font-size: 18px;
    text-align: center;
    margin:auto;
    margin-top:12px;
    cursor:pointer;
}
.docWindow .docUploader .uploading {
    color:rgb(228,228,228);
}
.docWindow .docUploader img {
    height:24px;
    width:24px;
    margin:auto;
    margin-top:19px;
    padding-right:10px;
    display:block;
}
.chatWindow .faceBox {
    height:165px;
    margin-top:-166px;
    position:relative;
    text-align:center;
    background-color:white;
    border-top:1px solid rgb(240,240,240);
}
.chatWindow .faceList {
    overflow:hidden;
    height:161px;
    width:828px;
    background-color:rgb(248,248,248);
}
.chatWindow .faceList a {
    height:28px;
    width:28px;
    margin:3px;
    display:inline-block;
    border:1px solid rgb(248,248,248);
    border-radius:5px;
    cursor:pointer;
    background-position:center;
    background-repeat:no-repeat;
    background-size:86% 86%;
}
.chatWindow .faceList a:hover {
    border:1px solid rgb(174,174,174);
}
.chatWindow .faceList .noneFace,.chatWindow .faceList .noneFace:hover {
    cursor:default;
    border:1px solid rgb(248,248,248);
}
.faceBox .pageholder div {
    margin:0px;
    position:static;
    width:33%;
    height:4px;
    float:left;
    bottom:0px;
    display:inline-block;
    cursor:pointer;
}
.faceList .facePage {
    height:100%;
    float:left;
    width:33%;
}

.tabBody .stuList {
    padding:10px 10px 0px 10px;
    height:265px;
    overflow:hidden;
    overflow-y:auto;
    border-bottom:1px solid rgb(188,188,188);
}
.tabBody .stuList div {
    cursor:pointer;
    height:26px;
    line-height:26px;
}
.tabBody .stuList div:hover {
    background-color:rgb(228,228,228);
}

.tabBody .stuList div span {
    color: #333333;
    font-size: 14px;
    font-style: normal;
    overflow:hidden;
    text-overflow:ellipsis;
    height:26px;
    width:140px;
    display:inline-block;
    white-space:nowrap;
    padding-left:10px;
}
.tabBody .stuList div a {
    float:right;
    color: #0099cc;
    font-family: "Microsoft YaHei","微软雅黑 Regular","微软雅黑";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration:underline;
    margin-right:10px;
}
.tabBody .stuList div a:hover {
    color: rgb(253,153,43);
}

.tabBody .normalList {
    padding:10px 10px 0px 10px;
    height:310px;
    overflow:hidden;
    overflow-y:auto;
    border-bottom:1px solid rgb(188,188,188);
}
.tabBody .normalList div {
    cursor:pointer;
    height:26px;
    line-height:26px;
}
.tabBody .normalList div:hover {
    background-color:rgb(228,228,228);
}

.tabBody .normalList div span {
    color: #333333;
    font-size: 14px;
    font-style: normal;
    overflow:hidden;
    text-overflow:ellipsis;
    height:26px;
    width:140px;
    display:inline-block;
    white-space:nowrap;
    padding-left:10px;
}
.tabBody .normalList div a {
    float:right;
    color: #0099cc;
    font-family: "Microsoft YaHei","微软雅黑 Regular","微软雅黑";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    text-decoration:underline;
    margin-right:10px;
}
.tabBody .normalList div a:hover {
    color: rgb(253,153,43);
}

body { 
	background-attachment:fixed;
}
.stuView_all { 
	background-color:rgb(192,192,192);
	z-index:900; 
	position:absolute;
	top:64px; 
	left:0; 
	width:288px;
	float:left;
	overflow:hidden;
}
.stuView_all .stuView_info { 
	height:35px;
    background-color:rgb(228,228,228);
	padding:9px 0px 10px 0px;
}
.stuView_all .offMicBtn {
    background-color:rgb(63,125,224);
    display:inline-block;
    height:35px;
    line-height:35px;
    border-radius:5px;
    color:white;
    font-family: "微软雅黑 Regular","微软雅黑";
    font-size: 15px;
    text-align: center;
    float:left;
    padding:0px 5px 0px 5px;
    margin:0px 5px 0px 5px;
    cursor:pointer;
}
.stuView{
	margin:5px 5px 5px 5px;
}
.stuView_vadio { 
	background-color:transparent;
	float:left;
	overflow:hidden;
}
.stuView_vadio .stuView{ 
	width: 278px; 
	height: 230px; 
	float: left;
}
.stuView_vadio .displayBox {
    background-color:black;
}
.stuView_vadio .displayBox{
    height:180px;
	width:278px;
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center;
}

.stuView_vadio .displayCtrlBar {
    height:35px;
    background-color:rgb(228,228,228);
    padding:9px 0px 10px 0px;
}

.stuView_vadio .displayCtrlBar .offHandBtn{
    background-color:rgb(192,192,192);
    display:inline-block;
    height:35px;
    line-height:35px;
    border-radius:5px;
    color:white;
    font-family: "微软雅黑 Regular","微软雅黑";
    font-size: 15px;
    text-align: center;
    float:left;
    padding:0px 5px 0px 5px;
    margin:0px 5px 0px 5px;
    cursor:pointer;
}

.stuView_vadio .displayCtrlBar span{
    background-color:#00cc66;
    display:inline-block;
    height:35px;
    line-height:35px;
    border-radius:5px;
    color:white;
    font-family: "微软雅黑 Regular","微软雅黑";
    font-size: 15px;
    text-align: center;
    float:left;
    padding:0px 5px 0px 5px;
    margin:0px 5px 0px 5px;
}
.stuoper{
	cursor:pointer;
}
#wis_context{
    -ms-touch-action:none;
}
.no_touch{
	-ms-touch-action:none;
}
:-webkit-full-screen {
  /* properties */
  background-color:rgb(98,115,135);
}
#mp3player{
	width:100%;
	padding:10px 0px 0px 0px;
}
#mp3player_stu{
	/*display : none;*/
}
#mp3player_stu_carver{
	z-index:600;
	position:fixed; 
}
#loading_bg{ 
	display: none;  
	position: absolute;  
	top: 0%;  
	left: 0%;  
	width: 100%;  
	height: 100%;  
	background-color: black;  
	z-index:1001;  
	-moz-opacity: 0.7;  
	opacity:.70;  
	filter: alpha(opacity=70);
	text-align:center ; 
	display: table-cell; 
	vertical-align:middle;
	overflow:hidden;
}